<template>
  <ul >
    <li class="mb-40" v-for="(item,index) in dateList" :key="index">
      <div class="section-title fs-16"> <svg-icon :icon-name="item.icon" class="mr-10"></svg-icon>{{item.name}}</div>
      <div v-for="(detail, i) in item.details" :key="i">
        <div class="fs-18 f-normal mt-20 mb-20">{{detail.title}}</div>
        <div class="flex-row">
          <div class="section-list mb-20" v-for="(list, index) in detail.list" :key="index">
            <svg-icon :icon-name="list.icon" class="mr-10 "></svg-icon>{{list.name}}
            <span class="num ml-15">{{list.num}}</span> <span class="unit ml-5">{{list.unit}}</span>
          </div>
        </div>
      </div>
    </li>
  </ul>
</template>

<script>
  export default {
    name: 'index',
    data () {
      return {
        dateList: [
          {
            name: 'TeleDB核心能力',
            icon: 'biaoti1',
            details: [
              { title: '全面国产化适配兼容',
                list: [
                  { name: '核心软件著作权', num: '20+', unit: '项', icon: 'hexinPaaSjishu' },
                  { name: '核心技术专利', num: '16', unit: '个', icon: 'hexinjishuzhuanli' }
                ]
              }
            ]
          },
          {
            name: 'TeleDB生态体系',
            icon: 'biaoti2',
            details: [
              { title: '提供数据迁移、管理、备份、恢复等数据库生态链全生命周期管理',
                stitle: '一站式体验'
              }
            ]
          },
          {
            name: 'TeleDB行业案例',
            icon: 'biaoti3',
            details: [
              { title: '支撑中国电信成为首家BSS域全面去O企业',
                list: [
                  { name: '用户规模超', num: '5', unit: '亿', icon: 'yonghuguimo' },
                  { name: '性能提升', num: '5', unit: '倍', icon: 'xingnengtisheng' }
                ]
              },
              { title: '支撑广州12345政府服务系统全面去O',
                list: [
                  { name: '服务用户', num: '1530', unit: '万', icon: 'fuwu' }
                ]
              }
            ]
          }
        ]
      }
    }
  }
</script>

<style scoped lang="scss">

</style>
